/** 
 * CSS for the cluster tree.
 */
#clusters ul {
  line-height: 1.45;
}

#clusters li a, a#tree-top {
  background-position: left 5px;
  background-image: url('../img/tree-folder.gif'); /** sprite-ref: vert; sprite-margin-top: 4px; sprite-margin-bottom: 100px */
}

#clusters li.more a {
  background-image: url('../img/tree-more.gif'); /** sprite-ref: vert; sprite-margin-top: 2px; sprite-margin-bottom: 5px */
}

#clusters li {
  background-image: url('../img/tree-trunk.gif'); /** sprite-ref: horiz; sprite-alignment: repeat; sprite-margin-left: 2px; sprite-margin-right: 300px; */
}

#clusters li > a > span.tree {
  background-image: url('../img/tree-leaf.gif'); /** sprite-ref: vert; */
}

#clusters li.leaf-last > a > span.tree {
  background-image: url('../img/tree-leaf-last.gif'); /** sprite-ref: vert; */
}

#clusters li.branch > a > span.tree {
  margin-top: 2px;
  background-image: url('../img/tree-branch.gif'); /** sprite-ref: vert; */
}

#clusters li.branch.unfolded > a > span.tree {
  margin-top: 2px;
  background-image: url('../img/tree-branch-unfolded.gif'); /** sprite-ref: vert; */
}

#clusters li.branch-last > a > span.tree {
  background-image: url('../img/tree-branch-last.gif'); /** sprite-ref: vert; */
}

#clusters li.branch-last.unfolded > a > span.tree {
  background-image: url('../img/tree-branch-last-unfolded.gif'); /** sprite-ref: vert; */
}

#clusters li.leaf-last > a > span.tree {
  height: 22px;
}

#clusters li.branch-last > a > span.tree {
  height: 22px;
}
